<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<html style="height:100%;">
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>车辆管理</title>
<link href="${basePath}resources/js/common/plugin/zTree/zTreeStyle.min.css" rel="stylesheet">

<link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
<script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>



<style type="text/css"> 
.side {  /* height: 600px; */ width: 120px; float: left; border:1px solid #99FF99;} 
.side1 { /* height: 600px;  */width: 200px; float: left; border:1px solid #99FF99;} 
/* .main {  height: 600px; margin:0 0px; border:1px solid #99FF99;}  */
.active {color:red;}
.modal-table{width:100%;}
.modal-table tr{line-height:35px;}
.modal-table th{width:20%;text-align:right;padding-right:20px;}
.modal-table td{width:30%;}
.updVehicleBtn{
	
    height: 20px;
    line-height: 20px;
    background: #e77817;
    border: none;
    color: #fff;
    margin-right: 5px;
}
</style> 
</head>
<script type="text/javascript">
var appCtx="<%=basePath%>";

</script>
<body class="conditionSetting" style="height:100%;">
<div class="page" style='min-width:1365px'>
 	<%@ include file="/views/common/top.jsp" %> 
    <div class="main pr">
        <div class="slider pa clearfix">
           	<%@ include file="/views/common/menu.jsp" %> 
        </div>
        <div class="pr clearfix" style="margin-left:41px;">
        	
			<div class="querys fl" style="margin-left:8px;">
				<div class="userQuery mt10 clearfix">
					<ul class="clearfix fl">
						<li class="fl clearfix"><label class="userLabel fl">车牌号</label><input class="userInput fl" type="text" id="vehicleNo"></li>
						<li class="fl clearfix"><label class="userLabel fl">自编号</label><input class="userInput fl" type="text" id="internalNumber"></li>
					</ul>
					<a class="fl userBtn" href="javascript:;" id="searchUser">查询</a>
					<a class="fl userBtn" href="javascript:;" id="updateVehiclebtn">修改</a>
					<a class="fl userBtn exportBtn" href="javascript:;" id="exportVehicleBtn">导出</a>
				</div>
				
			<div class="queryTable" id="vehicleTable"></div>
			</div>
        </div>
     </div>       
  <div id="vehicleShareModal" class="modal hide fade" tabindex="-1"
			role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">×</button>
				<h5 id="myModalLabel"></h5>
			</div>
			<div class="modal-body">
			    <div id="shareTime">
					<span>设置期限：</span><input type="text" id="inputDate" style="width: 150px;" class="query-input Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'%y-%M-%d %h:%m:%s'})">
				</div>
				<div id="shareLink">
					<span>分享链接：</span><span id="vehicleShareurl_text"></span><button class="updVehicleBtn" id="copyVehicleUrlBtn">复制链接</button>
				</div>
				<div id="overTime">
					<span>过期时间：</span><span id="vehicleShareurl_overtime"></span>
				</div>
				<input id="shareVehicleId" type="text" style="display: none;">
				<input id="action" type="text" style="display: none;">
			</div>
			<div class="modal-footer">
<!-- 				<a class="query-btn query-require db fl" href="javascript:;" id="delVehiclebtn">删除</a>
 -->				<a class="updVehicleBtn closeBtn btn" data-dismiss="modal" id="canDelBth"
					aria-hidden="true">关闭</a>
				<a class="updVehicleBtn btn" id="saveVehicleShareDateBtn">确定</a>
			</div>
		</div>
		
		<div id="updVehicle" class="modal hide fade" tabindex="-1"
			style="width: 250px; left: 767px; top: 193px;" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"aria-hidden="true">×</button>
				<h5 id="myModalLabel">修改车辆</h5>
			</div>
			<div class="modal-body">
				<span>&nbsp;&nbsp;&nbsp;&nbsp;自编号：</span><input id="internal" type="text" style="width: 150px;"><br></br>
				<span>司机姓名：</span><input type="text" id="driverName" style="width: 150px;"><br></br>
				<span>手机号码：</span><input id="phone" type="text" style="width: 150px;"><br></br>		
				<span>备注信息：</span><textarea style="width: 150px;height: 50px;" id="remark"></textarea><br></br>
				<input id="updateVehicleId" type="text" style="width: 150px;display:none"/>
			</div>
			<div class="modal-footer">
				<button class="updVehicleBtn"  data-dismiss="modal" id="canDelBth"
					aria-hidden="true">关闭</button>
				<button class="updVehicleBtn" id="updateVehicleInfo">保存</button>
			</div>
		</div>
		
		<div id="tipVehicle" class="modal hide fade" tabindex="-1"
			 role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">×</button>
				<h5>提示信息</h5>
			</div>
			<div class="modal-body">
				<h6>确定要停止分享？</h6>
			</div>
			<div class="modal-footer">
					<a class="updVehicleBtn btn closeBtn" data-dismiss="modal" id="canDelBth"
					aria-hidden="true">关闭</a>
				<a class="updVehicleBtn btn" id="stopVehicleShareDateBtn">确定</a>
			</div>
		</div>

</div>
<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/base64.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/common/plugin/clipboard/clipboard.min.js"></script>
<script src="<%=basePath %>resources/js/common/plugin/clipboard/extend.js"></script>
<script src="<%=basePath%>resources/js/business/system/vehicle/vehicle.js"></script>
</body>